/*
 * @Author: your name
 * @Date: 2020-09-07 17:56:38
 * @LastEditTime: 2020-09-08 10:21:59
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /frontend-spiders/src/Pages/Login/index.ts
 */

import React, { Component } from 'react';
import { Form, Input, Button } from 'antd';
import './index.css'

const layout = {
  labelCol: { span: 6 },
  wrapperCol: { span: 9 },
};

class Login extends Component {
  render() {
    return (
      // <Row>
      //   <Col span={6} offset={9}>
          <Form
          {...layout}
          name="basic"
          initialValues={{ remember: true }}
        >
          <Form.Item
            label="Username"
            name="username"
            rules={[{ required: true, message: 'Please input your username!' }]}
          >
            <Input />
          </Form.Item>

          <Form.Item
            label="Password"
            name="password"
            rules={[{ required: true, message: 'Please input your password!' }]}
          >
            <Input.Password />
          </Form.Item>
          <Form.Item>
            <Button type="primary" htmlType="submit">
              Submit
            </Button>
            <Button htmlType="button">
              Reset
            </Button>
          </Form.Item>
        </Form>
      //   </Col>
      // </Row>
    );
  }
}

export default Login
